<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>5-jquery对象</title>
		<!-- 导入jquery库 -->
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</head>
	<body>
		<div class="box">百度</div>
		<script type="text/javascript">
			//原生JS获取的对象是DOM对象
			var box1 = document.querySelector('.box');
			//使用Jquery获取的是Jquery对象
			var box2 = $('.box');
			//Jquery对象的本质：利用$将元素对象封装了
			console.dir(box1);
			console.dir(box2);
			
			//1.使用jquery对象来操作一下DOM
			//box2.style.display='none';//box2.style is undefined
			
			//2.原生JSDOM对象使用一下Juqey元素隐藏的方法
			//box1.hide();//Uncaught TypeError: box1.hide is not a function
		</script>
	</body>
</html>
